<template>

    <div>

        <vol-table ref="editTable1" :columns="columns" :max-height="270" :index="true" :tableData="rows"
            :pagination-hide="true" ></vol-table>
    </div>
    
    <div>
        <Footer2 ref="footer2"></Footer2>
      
    </div>
</template>

<script>
import VolTable from "@/components/basic/VolTable.vue";
import Footer2 from './records_Footer.vue';
export default {
    components: {
        VolTable,
        Footer2
    },
    data() {

        return {

            columns :[{ field: 'id', title: 'id', type: 'int', width: 110, hidden: true, readonly: true, require: true, align: 'left' },
            { field: 'sbtp1', title: '图片1', type: 'string', width: 220, align: 'left', sort: true },
            { field: 'sbtp2', title: '图片2', type: 'string', width: 220, align: 'left' },
            { field: 'CreateID', title: 'CreateID', type: 'int', width: 100, hidden: true, align: 'left' },
            { field: 'Creator', title: 'Creator', type: 'string', width: 100, hidden: true, align: 'left' },
            { field: 'CreateDate', title: 'CreateDate', type: 'datetime', width: 150, hidden: true, align: 'left', sort: true },
            { field: 'ModifyID', title: 'ModifyID', type: 'int', width: 100, hidden: true, align: 'left' },
            { field: 'Modifier', title: 'Modifier', type: 'string', width: 100, hidden: true, align: 'left' },
            { field: 'ModifyDate', title: 'ModifyDate', type: 'datetime', width: 150, hidden: true, align: 'left', sort: true },
            { field: 'record_id', title: 'record_id', type: 'int', width: 80, hidden: true, readonly: true, require: true, align: 'left' }],
            rows: []


        };
    },
    methods:{
        rowClick(row){
            let url="api/Mechanica/getMechanica_Records2Rows?Id="+row.id
           this.http.get(url,{},true).then(rows=>{
            this.rows=rows;
           })
    },
    
}

};
</script>
<style></style>